<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>角色管理</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="alternate icon" type="image/png" href="../assets/i/favicon.png">
    <link rel="stylesheet" href="../base-component/amazeui/css/amazeui.min.css"/>
    <link rel="stylesheet" href="../base-component/cropper/cropper.min.css"/>
    <link rel="stylesheet" href="../base-component/layui/css/layui.css"/>
    <style>
        .am-edit-width-min {
            min-width: 120px;
            width: 180px;
            max-width: 120px;
        }
        .am-tab-width-min {
            min-width: 80px;
            /* width: 80px; */
            max-width: 80px;
        }
    </style>
</head>
<body style="overflow-y: auto">
<!--tiele-->
<div  id="listBox" class="am-panel am-panel-secondary">
    <div class="am-panel-hd">
        <h4 class="am-panel-title" data-am-collapse="{parent: '#accordion', target: '#sys-goods-list'}">
            角色管理<span class="am-icon-chevron-down am-fr"></span>
        </h4>
    </div>
    <div id="sys-goods-list" class="am-panel-collapse am-collapse am-in">
        <div class="am-panel-bd">
            <!-- 列表数据显示 -->
            <div class="am-g" style="padding-bottom: 40px;">
                <div class="am-u-sm-12">
                    <div class="am-scrollable-horizontal">
                        <table class="am-table am-table-striped am-table-hover am-text-sm am-text-center">
                            <thead>
                            <tr class="">
                                <th class="am-text-truncate am-tab-width-min am-text-center">名称</th>
                                <th class="am-text-truncate am-tab-width-min am-text-center">创建时间</th>
                                <th class="am-text-truncate am-edit-width-min am-text-center"><button class="am-btn am-btn-danger am-btn-xs" id="shop-print-add">新增</button></th>
                            </tr>
                            </thead>
                            <!-- 角色列表显示 -->
                            <tbody id="sys-order-list-body">
                            </tbody>
                        </table>
                    </div>
                    <div id="sys-shop-list-body-page" class="am-fr"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 修改模态窗口 -->
<div class="am-modal-dialog" id="system-product-category-update-model" style="display: none;">
    <div class="am-u-sm-12">
        <form class="am-form" id="sys-product-type-update-form" data-am-validator>
            <fieldset>
                <div class="am-form-group">
                    <label for="roleName">名称</label>
                    <input class="" type="text" class="" id="roleName" placeholder="请输入名称..." required>
                </div>
                <div class="am-form-group">
                    <label for="roleDescription">描述</label>
                    <input class="" type="text" class="" id="roleDescription" placeholder="请输入描述..." required>
                </div>
                <div class="am-form-group" id="roleBox">

                </div>
                <p>
                    <button type="button" id="save" class="am-btn am-btn-primary">提交</button>
                </p>
            </fieldset>
        </form>
    </div>
</div>
<!--list模版-->
<script id="sysProductTypeListTpl" type="text/html">
    {{#  layui.each(d.msg, function(index, item){ }}
    <tr>
        <td class="am-text-truncate am-tab-width-min">{{ item.name }}</td>
        <td class="am-text-truncate am-tab-width-min">{{ item.createDate }}</td>
        <td class="am-text-truncate am-tab-width-min">
            <div class="am-btn-group am-btn-group-xs">
                <input type="button" class="am-btn am-btn-success btn-order-list-detail" onclick="edit(this)" shopId="{{ item.id }}" value="编辑">
            </div>
        </td>
    </tr>
    {{#  }); }}
</script>
<script src="../base-component/jquery/jquery.min.js"></script>
<script src="../base-component/amazeui/js/amazeui.min.js"></script>
<script src="../assets/js/api.js"></script>
<script src="../base-component/layer/layer.js"></script>
<script src="../base-component/layui/layui.js"></script>
<script src="../base-component/cropper/cropper.min.js"></script>
<script src="../assets/js/system-role.js"></script>
</body>
</html>